JavaScript下拉式選單複選

本節將說明如何以JavaScript來即時改變這些選項，以產生動態的下拉式選單。假設一個選單的名稱是theList，那麼它所具有的性質可以說明如下：.theList.options：此選單的 ...,2022年4月25日—第一种：····JS复选框向一个文本框中传值的多选效果 ...,2020年4月7日—今天接到一個使用者需求，希望將下拉選單改成多...</p> </blockquote> <div class="dev-ysm-tag"></div> <div class="mb-5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9418887123196030" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-9418887123196030" data-ad-slot="6992970522"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <figcaption class="blockquote-footer mb-0">參考資訊如下</figcaption> </figure> <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aGnOvh3" class="text-aqua">7</a> <p class="mt-2 sresult text-muted">本節將說明如何以JavaScript 來即時改變這些選項，以產生動態的下拉式選單。假設一個選單的名稱是theList，那麼它所具有的性質可以說明如下：. theList.options：此選單的 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/ahPvnk1" class="text-aqua">JS文本框下拉多选值的方法原创</a> <p class="mt-2 sresult text-muted">2022年4月25日 — 第一种： · <! · <html> · <head> · <meta http-equiv=Content-Type content=text/html; charset=utf-8 /> · <title>JS复选框向一个文本框中传值的多选效果 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aCEP6c4" class="text-aqua">用JavaScript自幹一個下拉多選單(MultiSelector) </a> <p class="mt-2 sresult text-muted">2020年4月7日 — 今天接到一個使用者需求，希望將下拉選單改成多選。其實隨便找個JQuery套件，應該馬上搞定，不過由於專案實在是挺舊的，是個.NET 2.0 WebFrom專案， ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/au62Ul" class="text-aqua">模擬多選下拉選單</a> <p class="mt-2 sresult text-muted">2022年8月30日 — <div class=main> <div class=multiSelect>模擬select 複選選單<div class=selectBtn data-title=多選選單，請選擇></div> <div ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aKbrtd4" class="text-aqua"><DAY5><HTML> 多選下拉式選單select2 </a> <p class="mt-2 sresult text-muted"><DAY5><HTML> 多選下拉式選單select2 ... html: multiple 讓你可以多選。給id方便js串起來。 ... js: allowClear是用來刪除多選的選項。 maximumSelectionLength是最多能選幾 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/a6Aqh51" class="text-aqua">多选下拉框（select 下拉多选） </a> <p class="mt-2 sresult text-muted">2019年6月20日 — 方法一：使用multiple-select.js和multiple-select .css实现HTML代码： <select id='checkedLevel' style=width:120px;height:28px; multiple= </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aMLReG4" class="text-aqua">表單的處理 - cs.pu.edu.tw </a> <p class="mt-2 sresult text-muted">單選的下拉式選單複選的下拉式選單動態地變更選項. 驗證表單. 我們在這一節中將探討處理表單的JavaScript 程式。在閱讀本節的內容之前，你應該先熟悉與表單相關的HTML ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aUEu3b3" class="text-aqua">HTML 下拉式選單</a> <p class="mt-2 sresult text-muted">2020年5月6日 — <select> 用來建立下拉式選單(dropdown menu)，讓使用者可以從一堆選項中選擇出一個或多個選項。 <select> 本身做為選單的容器，在select 裡面用<option> ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aiAYdw2" class="text-aqua">Javascript select 複選功能含搜尋功能 </a> <p class="mt-2 sresult text-muted">2011年1月3日 — ... 選的資料，右半部為已選擇的資料。選單範例. 搜尋. 可選擇的菜單. 日式牛排, 酸醬牛排, 牛肉麵, 雜醬麵, 清蒸魚, 煎魚, 牛小排, 豬肉片, 地瓜葉, 花耶菜 ... </p> </div><div class="swiper-slide"> <a href="https://ez3c.tw/search/JavaScript 下拉式選單複選/aJyQvO4" class="text-aqua">選擇所有選項的多選複選框列表或複選框下拉列表</a> <p class="mt-2 sresult text-muted">2019年8月6日 — 您可以使用jQuery進行多選複選框下拉列表，而不是使用HTML中的多個屬性。這是一個簡單的HTML控件，帶有jQuery和CSS，可以 ... </p> </div>  </div>  </div>  </div>  <div class="swiper-container mb-12 nav-dark" data-margin="30" data-nav="true" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1"> <div class="swiper"> <div class="swiper-wrapper">  </div>  </div>  </div>  <div class="mb-5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9418887123196030" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9418887123196030" data-ad-slot="2394547014" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="blog grid grid-view"> <div class="row isotope gx-md-4 gy-4 mb-4"> <article class="item post col-md-6"> <div class="card"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202001/EasyMenuManager/01_EasyMenuManager.png?resize=400,211"><br><br>寫網頁是網頁設計師的基礎工，當我以前開始練習的時候，就很愛EasyMenuManager這樣簡單的選單製作工具，可以透過工具輕鬆規劃出多層架的選單目錄，而且可以產出CSS3Style的網頁樣式和佈局，讓選單的製作己單非常非常多，而且具備有超級簡單的風格，若你自己剛開始練...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202001/EasyMenuManager/01_EasyMenuManager.png?resize=425,225" alt="限時免費 Easy Menu Manager 就這樣簡單製作網頁選單" onerror="this.src='https://ez3c.tw/img/photos/bs1.jpg'"/> </figure> <div class="card-body px-3 py-3"> <h2 class="fs-18 ls-xl"><a class="link-dark" href="https://ez3c.tw/7993" title="限時免費 Easy Menu Manager 就這樣簡單製作網頁選單">限時免費 Easy Menu Manager 就這樣簡單製作網頁選單</a></h2> <p class="fs-13">寫網頁是網頁設計師的基礎工，當我以前開始練習的時候，就很愛EasyMenuManager這樣簡單的選單製作工具，可以透過工具輕鬆規劃出多層架的選單目錄，而且可以產出CSS3Style的網頁樣式和佈局，讓選單的製作己單非常...</p> </div>   <div class="card-footer"> <ul class="post-meta d-flex mb-0"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span><a href="https://ez3c.tw/archive/20210502-1" title="2021-05-02 文章列表">2021-05-02</a></span></li> <li class="post-author"><i class="uil uil-user"></i><span><a href="https://ez3c.tw/author/哇哇-1" title="哇哇作者文章列表">哇哇</a></span></li> </ul>  </div>  </div>  </article> </div>  </div>  <ul class="list-unstyled tag-list mb-0 lh-xxs"> <li><a href="https://ez3c.tw/tag/網頁選單製作-1" class="text-leaf fs-16" title="網頁選單製作">網頁選單製作</a></li><li><a href="https://ez3c.tw/tag/CSS3選單製作-1" class="text-leaf fs-16" title="CSS3選單製作">CSS3選單製作</a></li><li><a href="https://ez3c.tw/tag/CSS選單-1" class="text-leaf fs-16" title="CSS選單">CSS選單</a></li><li><a href="https://ez3c.tw/tag/CSS選單製作-1" class="text-leaf fs-16" title="CSS選單製作">CSS選單製作</a></li><li><a href="https://ez3c.tw/tag/Easy Menu Manager-1" class="text-leaf fs-16" title="Easy Menu Manager">Easy Menu Manager</a></li><li><a href="https://ez3c.tw/tag/網頁製作-1" class="text-leaf fs-16" title="網頁製作">網頁製作</a></li> </ul> </article>  </div>  <a id="next" href="https://ez3c.tw/1981" title="foobar2000 2.1.5 品牌老、口碑佳的音樂播放器">foobar2000 2.1.5 品牌老、口碑佳的音樂播放器</a> </div>  </div>  </div>   <nav class="d-flex" aria-label="pagination" > <ul class="pagination"> <li class="page-item"> </li> <li class="page-item"> </li> <li class="page-item"> <a class="page-link" href="https://ez3c.tw/search/JavaScript 下拉式選單複選-1" title="JavaScript 下拉式選單複選第1頁">1</a> </li> <li class="page-item"> </li> <li class="page-item"> </li> </ul>  </nav>  </div>  <aside class="col-lg-3 sidebar mt-11 mt-lg-6"> <div class="widget"> <nav aria-label="breadcrumb"> <ol class="breadcrumb" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item"> <a itemprop="item" href="https://ez3c.tw/" title="哇哇3C日誌回首頁"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1"> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://ez3c.tw/search/選單 javascript-1" title="選單 javascript 文章列表清單"><span itemprop="name">選單 javascript</span></a> <meta itemprop="position" content="2"> </li><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://ez3c.tw/search/JavaScript 下拉式選單複選-1" title="JavaScript 下拉式選單複選文章列表清單"><span itemprop="name">JavaScript 下拉式選單複選</span></a> <meta itemprop="position" content="3"> </li> </ol> </nav> </div> <div class="widget"> <h3 class="widget-title mb-3">Tags</h3> <ul class="list-unstyled search-list lh-xxs"> <li><a href="https://ez3c.tw/search/tower of guns gameplay-1" class="text-fuchsia fs-16" title="tower of guns gameplay">tower of guns gameplay</a></li><li><a href="https://ez3c.tw/search/寄放行李luggage-1" class="text-fuchsia fs-16" title="寄放行李luggage">寄放行李luggage</a></li><li><a href="https://ez3c.tw/search/anna anka-1" class="text-fuchsia fs-16" title="anna anka">anna anka</a></li><li><a href="https://ez3c.tw/search/mac fb影片下載-1" class="text-fuchsia fs-16" title="mac fb影片下載">mac fb影片下載</a></li><li><a href="https://ez3c.tw/search/Design cuts font-1" class="text-fuchsia fs-16" title="Design cuts font">Design cuts font</a></li><li><a href="https://ez3c.tw/search/世足 Live-1" class="text-fuchsia fs-16" title="世足 Live">世足 Live</a></li><li><a href="https://ez3c.tw/search/鬼怪10-1" class="text-fuchsia fs-16" title="鬼怪10">鬼怪10</a></li><li><a href="https://ez3c.tw/search/abs pressure to gauge pressure-1" class="text-fuchsia fs-16" title="abs pressure to gauge pressure">abs pressure to gauge pressure</a></li><li><a href="https://ez3c.tw/search/Note5 售價-1" class="text-fuchsia fs-16" title="Note5 售價">Note5 售價</a></li><li><a href="https://ez3c.tw/search/mauviel果醬鍋-1" class="text-fuchsia fs-16" title="mauviel果醬鍋">mauviel果醬鍋</a></li><li><a href="https://ez3c.tw/search/2022超商福袋-1" class="text-fuchsia fs-16" title="2022超商福袋">2022超商福袋</a></li><li><a href="https://ez3c.tw/search/星巴克付費-1" class="text-fuchsia fs-16" title="星巴克付費">星巴克付費</a></li> </ul> </div>  <div class="widget"> <h2 class="widget-title mb-3">最新文章</h2> <div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/foobar2000.png?resize=400,211"><br><br>從以前我就一直很喜歡foobar2000，因為我就是一直愛著那種精巧功能大的小軟體，而且foobar呈現出的音質很受到讚賞，與其他播放軟體比較起來大家都感覺比較讚，我想也應該很多人很喜歡才是，聽音樂就該選擇音質最好的一直聽下去！新版本的foobar在介面上有更多的選擇...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/foobar2000.png?resize=270,143" alt="foobar2000 2.1.5 品牌老、口碑佳的音樂播放器" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/1981" title="foobar2000 2.1.5 品牌老、口碑佳的音樂播放器">foobar2000 2.1.5 品牌老、口碑佳的音樂播放器</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-19</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/allen/202105/LofiCafe/01_LoFi.png?resize=400,211"><br><br>工作忙碌了一天，想回家聽首讓身心都能放鬆的音樂嗎？那麼不妨到lofi.cafe線上慵懶Lo-Fi音樂網放鬆一下吧！lofi.cafe是一個專門播放Lo-Fi音樂的網站，只要在lofi.cafe網站中隨意按下一個鍵，就能聽到讓人放鬆的Lo-Fi音樂了，如果你對當前的音樂不滿意的話，網站共有...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/allen/202105/LofiCafe/01_LoFi.png?resize=270,143" alt="lofi.cafe 線上慵懶 Lo-Fi 音樂網，是個讓你身心都能放鬆的好地方！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/9374" title="lofi.cafe 線上慵懶 Lo-Fi 音樂網，是個讓你身心都能放鬆的好地方！">lofi.cafe 線上慵懶 Lo-Fi 音樂網，是個讓你身心都能放鬆的好地方！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-19</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202007/AiseesoftDataRecovery/01_AiseesoftDataRecovery.png?resize=400,211"><br><br>凡走過必留下痕跡，有使用過電腦也必定遺失過檔案，相信這是大家都曾遇過的狀況，不論是檔案誤刪或是硬碟損毀，檔案遺失的確是讓人心痛的事情啊！這次限時免費要跟大家分享的是AiseesoftDataRecovery檔案救援軟體，萬一你有遇到檔案不見的狀況，自己就可以救援自己...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202007/AiseesoftDataRecovery/01_AiseesoftDataRecovery.png?resize=270,143" alt="限時免費 Aiseesoft Data Recovery 1.8.22 檔案不見了誰可以幫忙救？" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/8403" title="限時免費 Aiseesoft Data Recovery 1.8.22 檔案不見了誰可以幫忙救？">限時免費 Aiseesoft Data Recovery 1.8.22 檔案不見了誰可以幫忙救？</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-19</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202405/VMWare/01_VMWare.png?resize=400,211"><br><br>這幾天有個大新聞必須得跟大家好好介紹一下，就是VMwareWorkstationPro和VMwareFusionPro個人使用已經免費囉！VMwareWorkstationPro和VMwareFusionPro都是由VMwareInc.所開發的虛擬化軟體，主要用於在個人電腦上運行不同作業系統。它們提供了一個安全且高效的環境，...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202405/VMWare/01_VMWare.png?resize=270,143" alt="個人使用免費 VMware Workstation Pro 和 VMware Fusion Pro 取得步驟教學" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11890" title="個人使用免費 VMware Workstation Pro 和 VMware Fusion Pro 取得步驟教學">個人使用免費 VMware Workstation Pro 和 VMware Fusion Pro 取得步驟教學</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-19</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/allen/202012/BackgroundRemover/07_REMOVER.png?resize=400,211"><br><br>之前小編有介紹過Removal.ai以及AdobeSpark兩款好用去背工具，評價也相當不錯，所以小編這次要推薦由Icons8所推出的BackgroundRemover免費AI自動去背神器給大家！BackgroundRemover這款免費去背工具，不需要你透過Photoshop等專業的修圖軟體進行手動去背那麼麻煩，...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/allen/202012/BackgroundRemover/07_REMOVER.png?resize=270,143" alt="Background Remover 免費 AI 自動去背神器，在難的圖片都可完整去背！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/9039" title="Background Remover 免費 AI 自動去背神器，在難的圖片都可完整去背！">Background Remover 免費 AI 自動去背神器，在難的圖片都可完整去背！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-18</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202208/EasyPhotoUnblur/01_EasyPhotoUnblur.png?resize=400,211"><br><br>手機拍照很方便，不過就算科技再進步，總是會有沒有對到焦的時候，有時候最完美的感覺就是那一張，那該如何處理呢？這是限時免費要跟大家分享的是EasyPhotoUnblur圖片模糊修復工具，可以很方便地將模糊的圖片修復到清楚的狀態，我自己覺得小小模糊還頗適合使用的，...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202208/EasyPhotoUnblur/01_EasyPhotoUnblur.png?resize=270,143" alt="限時免費 Easy Photo Unblur 9.3 圖片模糊修復工具" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/10622" title="限時免費 Easy Photo Unblur 9.3 圖片模糊修復工具">限時免費 Easy Photo Unblur 9.3 圖片模糊修復工具</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-18</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202305/LeawoVideoConverterforWinMac/first.png?resize=400,211"><br><br>影音時代你的電腦還沒有專用的影片轉檔軟體？最近小編發現LeawoVideoConverter萬用影片轉檔軟體，支援Mac及Windows雙系統，可以在影片和音檔之間進行轉檔，例如：MP4轉AVI、MPEG轉MOV、MKV轉FLV、F4V轉WebM、MOV轉MP3、RMVB轉AAC、MTS轉M4A、RM轉OGG等，而且還內建...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202305/LeawoVideoConverterforWinMac/first.png?resize=270,143" alt="限時免費 Leawo Video Converter 多功能影片轉檔軟體，支援 DVD 轉 MP4 影片 ( Windows/Mac )" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11168" title="限時免費 Leawo Video Converter 多功能影片轉檔軟體，支援 DVD 轉 MP4 影片 ( Windows/Mac )">限時免費 Leawo Video Converter 多功能影片轉檔軟體，支援 DVD 轉 MP4 影片 ( Windows/Mac )</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-18</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202405/mansou/01_mansou.png?resize=400,211"><br><br>漫搜是一個專門提供線上漫畫瀏覽的平台，擁有豐富且多元化的漫畫作品，日漫、歐漫、韓漫與國漫通通都有涵蓋了各種類型和題材，如愛情、科幻、動作、奇幻等。漫搜收錄了大量的漫畫作品，包括熱門連載、完結作品以及經典的作品，大家可以在網站上找到自己感興趣的漫畫...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202405/mansou/01_mansou.png?resize=270,143" alt="漫搜線上漫畫瀏覽的平台，要找線上漫畫就在這裡了！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11889" title="漫搜線上漫畫瀏覽的平台，要找線上漫畫就在這裡了！">漫搜線上漫畫瀏覽的平台，要找線上漫畫就在這裡了！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-18</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202310/SurFlexScreenRecorder/first.png?resize=400,211"><br><br>我們之前常常分享Windows的螢幕錄影軟體，但是比較少分享Mac系統的今天，小編就來跟大家分享一下Windows與Mac系統的螢幕錄影軟體SurFlexScreenRecorder。剛好推出限時免費活動。原價45.95美金，不論是製作教學影片、錄製線上課程、錄遊戲、錄製Mac系統聲音，都可以...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202310/SurFlexScreenRecorder/first.png?resize=270,143" alt="限時免費 SurFlex Screen Recorder 螢幕錄影工具，支援系統聲音及 60FPS 畫面錄製 ( Windows、Mac )" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11536" title="限時免費 SurFlex Screen Recorder 螢幕錄影工具，支援系統聲音及 60FPS 畫面錄製 ( Windows、Mac )">限時免費 SurFlex Screen Recorder 螢幕錄影工具，支援系統聲音及 60FPS 畫面錄製 ( Windows、Mac )</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-17</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202104/BatchURLDownloader/01_BatchURLDownloader.png?resize=400,211"><br><br>你工作、生活中常常下載不同來源的文件或檔案嗎？最近小編發現VovSoftBatchURLDownloader批量下載器，雖然不是免費軟體，不過目前正在限時免費當中，原價19.95美金，折合台幣約600元～現在能夠0元取得「終身版序號」，這款下載器支援多個不同來源的URL檔案下載，這...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202104/BatchURLDownloader/01_BatchURLDownloader.png?resize=270,143" alt="限時免費 VovSoft Batch URL Downloader 5.5 批量萬用下載管理器，終身序號立即取得" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/9296" title="限時免費 VovSoft Batch URL Downloader 5.5 批量萬用下載管理器，終身序號立即取得">限時免費 VovSoft Batch URL Downloader 5.5 批量萬用下載管理器，終身序號立即取得</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-17</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202310/MP4Downloader/01_MP4Downloader.png?resize=400,211"><br><br>相信大家每天都少不了觀看YouTube的影音，那麼喜歡的影音大家都如何收藏呢？這是限時免費的是SoftOrbitsMP4DownloaderforYouTube影音下載工具，可以讓你很輕鬆的下載YouTube上的影音資源，操作上非常的簡單直覺，那麼好用的工具大家不要錯過，限時免費的免安裝版與...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202310/MP4Downloader/01_MP4Downloader.png?resize=270,143" alt="限時免費 MP4 Downloader for YouTube 1.7 影片與音樂下載工具" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/11486" title="限時免費 MP4 Downloader for YouTube 1.7 影片與音樂下載工具">限時免費 MP4 Downloader for YouTube 1.7 影片與音樂下載工具</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-17</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/DisplayFusion.png?resize=400,211"><br><br>不知道何時開始，我也常常使用到雙螢幕，除了使用筆電外接螢幕之外，就連PC也都有雙螢幕，雙螢幕還是有好用之處啦！為了要使雙螢幕的使用更加豐富，那麼一定要試試看DisplayFusion這款多螢幕軟體，在不同的螢幕可以設定不同的桌布，而且也能使用群組照片輪播的功能...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/DisplayFusion.png?resize=270,143" alt="DisplayFusion 10.1.2 雙螢幕顯示不同桌布，同時擁有工具列" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/2952" title="DisplayFusion 10.1.2 雙螢幕顯示不同桌布，同時擁有工具列">DisplayFusion 10.1.2 雙螢幕顯示不同桌布，同時擁有工具列</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-17</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/201904/Musi/first.png?resize=400,211"><br><br>iPhone有沒有免費好用的聽音樂APP？一直以來都是很熱門的問題前幾名，今天來跟大家分享一個真正好用的工具「Musi」免費聽音樂APP，上面的音樂來源全部都是YouTube，所以基本上YouTube有的音樂Musi上都有，支援關螢幕聽音樂、播放清單等功能，有許多APP中途會有中斷...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/201904/Musi/first.png?resize=270,143" alt="Musi 超越 KKBOX 免費聽音樂 APP，支援播放清單關螢幕聽 YouTube！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/7239" title="Musi 超越 KKBOX 免費聽音樂 APP，支援播放清單關螢幕聽 YouTube！">Musi 超越 KKBOX 免費聽音樂 APP，支援播放清單關螢幕聽 YouTube！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-17</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/2018SavingBookExcel.png?resize=400,211"><br><br>記帳真的是件很難的事情，工具真的很多種，我覺得無論是哪種都能替你詳實的記錄支出與收入，重點就是要動手去記帳，一字訣就是「勤」，二字訣就是「勤快」，三字訣就是「要勤快」，四字訣就是「要很勤快」，五字訣.....，總之記帳沒有什麼真本領，只要勤快就可以了...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/2018SavingBookExcel.png?resize=270,143" alt="2024 年度 Excel 家庭記帳本 3.5a 現金信用卡版，記帳的訣竅就是「勤」" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/5434" title="2024 年度 Excel 家庭記帳本 3.5a 現金信用卡版，記帳的訣竅就是「勤」">2024 年度 Excel 家庭記帳本 3.5a 現金信用卡版，記帳的訣竅就是「勤」</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-16</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/Clonezilla.png?resize=400,211"><br><br>談到硬碟備份工具來說，其實很多人都習慣使用系統上軟體類的工具，透過軟體操作大家還是會比較喜歡，而光碟、USB開機似乎就非常的難，不過你不得不知道【Clonezilla再生龍】是很優質的國產工具，可以很輕易的備份硬碟、磁區成為印象檔案，當然也有還原的功能，直接...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/Clonezilla.png?resize=270,143" alt="Clonezilla 再生龍。優質的磁碟備份、還原、拷貝工具，國產的唷！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://ez3c.tw/3113" title="Clonezilla 再生龍。優質的磁碟備份、還原、拷貝工具，國產的唷！">Clonezilla 再生龍。優質的磁碟備份、還原、拷貝工具，國產的唷！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2024-05-16</span></li> </ul>  </div>  </div>  <div class="widget">  <div id="div-gpt-ad-1670988330733-0" style="min-width: 300px; min-height: 50px;"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1670988330733-0'); }); </script> </div> </div>  <div class="widget"> <h4 class="widget-title mb-3">Archive</h4> <ul class="list-unstyled archive-list lh-xxs"> <li><a href="https://ez3c.tw/archive/202405-1" title="202405 文章清單" class="ttext-blue fs-8">202405</a></li><li><a href="https://ez3c.tw/archive/202404-1" title="202404 文章清單" class="ttext-blue fs-8">202404</a></li><li><a href="https://ez3c.tw/archive/202403-1" title="202403 文章清單" class="ttext-blue fs-8">202403</a></li><li><a href="https://ez3c.tw/archive/202402-1" title="202402 文章清單" class="ttext-blue fs-8">202402</a></li><li><a href="https://ez3c.tw/archive/202401-1" title="202401 文章清單" class="ttext-blue fs-8">202401</a></li><li><a href="https://ez3c.tw/archive/202312-1" title="202312 文章清單" class="ttext-blue fs-8">202312</a></li><li><a href="https://ez3c.tw/archive/202311-1" title="202311 文章清單" class="ttext-blue fs-8">202311</a></li><li><a href="https://ez3c.tw/archive/202310-1" title="202310 文章清單" class="ttext-blue fs-8">202310</a></li><li><a href="https://ez3c.tw/archive/202309-1" title="202309 文章清單" class="ttext-blue fs-8">202309</a></li><li><a href="https://ez3c.tw/archive/202308-1" title="202308 文章清單" class="ttext-blue fs-8">202308</a></li><li><a href="https://ez3c.tw/archive/202307-1" title="202307 文章清單" class="ttext-blue fs-8">202307</a></li><li><a href="https://ez3c.tw/archive/202306-1" title="202306 文章清單" class="ttext-blue fs-8">202306</a></li> </ul> </div>  </aside>  </div>  </div>  </section>  </div>  <footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="https://ez3c.tw/img/logo-light.png" alt="哇哇3C日誌" /> <p class="mb-4"> © 2022 Easylife.tw. <br class="d-none d-lg-block" /> All rights reserved. </p> <nav class="nav social social-white"> <a href="https://twitter.com/csliu"><i class="uil uil-twitter"></i></a> <a href="https://www.facebook.com/easylife.tw"><i class="uil uil-facebook-f"></i></a> <a href="https://www.instagram.com/wawa_3c/"><i class="uil uil-instagram"></i></a> <a href="https://www.youtube.com/@wawa3c"><i class="uil uil-youtube"></i></a> </nav> <h4 class="widget-title text-white my-3">關於部落格</h4> 哇哇3C日誌替大家收藏各種3C資訊，電腦上蒐藏實用的綠色軟體與免安裝軟體，評測各類手機與平板，與生活家電的使用心得。生活資訊豐富，親子生活樂趣無窮，愛美食愛攝影，更愛騎著單車遊山玩水。技能上分享Linux使用的經驗與小技巧。 </div>  </div>  <div class="col-md-4 col-lg-9"> <div class="widget"> <h4 class="widget-title text-white mb-3">軟體更新</h4> <ul class="list-unstyled mb-0"> <li><span class="badge bg-yellow rounded me-2">10 小時前</span><a href="https://ez3c.tw/1981" title="老口碑-foobar2000-音樂播放器-2024-最新版本下載" class="text-white">foobar2000 2.1.5 品牌老、口碑佳的音樂播放器</a></li><li><span class="badge bg-yellow rounded me-2">12 小時前</span><a href="https://ez3c.tw/8403" title="免安裝-Aiseesoft-Data-Recovery-檔案救援軟體推薦" class="text-white">限時免費 Aiseesoft Data Recovery 1.8.22 檔案不見了誰可以幫忙救？</a></li><li><span class="badge bg-yellow rounded me-2">12 小時前</span><a href="https://ez3c.tw/11890" title="2024-免費取得-VMware-Workstation-Pro-與-VMware-Fusion-Pro" class="text-white">個人使用免費 VMware Workstation Pro 和 VMware Fusion Pro 取得步驟教學</a></li><li><span class="badge bg-yellow rounded me-2">1 天前</span><a href="https://ez3c.tw/10622" title="2024-照片模糊如何修復？Easy-Photo-Unblur-工具免安裝版" class="text-white">限時免費 Easy Photo Unblur 9.3 圖片模糊修復工具</a></li><li><span class="badge bg-yellow rounded me-2">1 天前</span><a href="https://ez3c.tw/11168" title="如何將-DVD-影片轉檔成-MP4？Leawo-Video-Converter-免費下載" class="text-white">限時免費 Leawo Video Converter 多功能影片轉檔軟體，支援 DVD 轉 MP4 影片 ( Windows/Mac )</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/9296" title="有好用的批次下載工具嗎？VovSoft-Batch-URL-Downloader-限時免費下載" class="text-white">限時免費 VovSoft Batch URL Downloader 5.5 批量萬用下載管理器，終身序號立即取得</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/11486" title="2024-YouTube-影音如何下載？有推薦的下載工具嗎？" class="text-white">限時免費 MP4 Downloader for YouTube 1.7 影片與音樂下載工具</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/2952" title="2024-雙螢幕顯示推薦工具-DisplayFusion-玩家推薦" class="text-white">DisplayFusion 10.1.2 雙螢幕顯示不同桌布，同時擁有工具列</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/3113" title="2024-免費硬碟拷貝備份還原工具-Clonezilla-再生龍！" class="text-white">Clonezilla 再生龍。優質的磁碟備份、還原、拷貝工具，國產的唷！</a></li><li><span class="badge bg-yellow rounded me-2">3 天前</span><a href="https://ez3c.tw/11848" title="有推薦的即時變聲器軟體嗎？iMobie-Vozard-PRO-免費下載" class="text-white">限時免費 iMobie Vozard PRO 1.0.2 即時變聲器軟體，支援超過 180 種音效</a></li> </ul> </div>  </div>  </div>  </div>  </footer> <script type="application/javascript" src="https://sdki.truepush.com/sdk/v2.0.4/app.js" async></script> <script> var truepush = window.truepush || []; truepush.push(function(){ truepush.Init({ id: "663ed5c366c31ac4bb17d8bc" }, function(error){ if(error) console.error(error); }) }) </script> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <script src="https://ez3c.tw/js/jquery-1.11.3.min.js"></script> <script src="https://ez3c.tw/js/jquery.clever-infinite-scroll.js"></script> <script> // When you use default selectors // $('#contentsWrapper').cleverInfiteScroll(); // When you use custom selectors $('#contentsWrapper').cleverInfiniteScroll({ contentsWrapperSelector: '#contentsWrapper', contentSelector: '.icontent', nextSelector: '#next', loadImage: 'https://ez3c.tw/img/ajax-loader.gif' }); $(function() { var pathhost = location.hostname; ga('send', 'pageview', $('#next').attr("href").replace("https://", "").replace(pathhost, "")); }); </script> <script src="https://ez3c.tw/js/plugins.js"></script> <script src="https://ez3c.tw/js/theme.js"></script>  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58cfe06094a4331a"></script> <script type="text/javascript"> (function() { var adYpaBsOp={ adBaseUrl:'//ypa.focusoftime.com', maxLoop:10, adOpt:{tt:'',u:location.hostname,p:location.protocol.replace(':', '')}, shuffle: function(o) { for (var j, x, i = o.length; i;) { j = Math.floor(Math.random() * i); x = o[--i]; o[i] = o[j]; o[j] = x; }; return o; }, loadAd: function(kwlist,selTag,adSty,adMax,adAmo,callback) { if (typeof kwlist == 'undefined' || kwlist.length <1 || typeof selTag == null || selTag == '' || $(selTag).length<1) return false; if ($.trim(kwlist[0])=='')return false; adSty = adSty||1, adMax=adMax||1,adAmo = adAmo||{},adAmo.loopMax = adAmo.loopMax||adYpaBsOp.maxLoop,adAmo.adNum = adAmo.adNum||0,adAmo.loopNum = adAmo.loopNum||0; adYpaBsOp.adOpt.tt = decodeURIComponent(kwlist[0]); adYpaBsOp.adOpt.ts = new Date().getTime(); adBsUrl = adYpaBsOp.adBaseUrl+'/?' + $.param(adYpaBsOp.adOpt); adAmo.loopNum++; $.ajax({url:adBsUrl,dataType: 'jsonp'}).done(function(data){ var loopAd = false; if (typeof data.ads != 'undefined' && data.ads.length) { var adBsAds = data.ads; for (var index in adBsAds) { adAmo.adNum++; adYpaBsOp.setAdBlock(adBsAds[index], selTag, adSty); if(adAmo.adNum>=adMax){ loopAd = false; break; } } }; if(adAmo.adNum<adMax) loopAd = true; loopAd = kwlist.length<2 ? false : loopAd; loopAd = adAmo.loopNum >=adAmo.loopMax ? false : loopAd; if (loopAd) { kwlist.shift(); adYpaBsOp.loadAd(kwlist,selTag,adSty,adMax,adAmo,callback); } else if (typeof callback =='function') callback(); }); }, setAdBlock:function(data, selTag, adSty) { adSty=adSty||1; var addAd=''; if (adSty==1) { addAd += '<div class="mx-auto my-3" onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;" ><span class="text-muted" style="font-size:10px;">'+data['sitehost']+'</span><span class="badge bg-pale-ash text-muted rounded py-1 ms-2">sponsored</span><p class="mt-5">'+data['title'].replace(/s?|.*$/i,'')+'<br>'+data['descr']+'</p><div class="text-center"><button class="btn btn-soft-yellow rounded me-5">官方資訊</button> <button class="btn btn-yellow rounded">閱讀更多</button></div></div>'; } else if (adSty==2) { addAd += '<div style="color:#c1c1c1;font-size:10px;">'+data['sitehost']+',sponsored</div><div>'+data['descr']+'</div><br><br><div class="separator margin-bottom-large" onclick="window.open(\''+data['clickURL']+'\');"><span style="border-width:1px;border-style:solid;background:#cc3333;color:#fff; cursor: pointer;font-size:16px;padding:10px 50px;letter-spacing: 5px;border-radius: 6px;font-weight: 600;">閱讀更多</span></div></div><div class="col-md-12" onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;">'; } else { addAd += '<div onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;" class="row"><div class="col-md-9"><span style="color:#c1c1c1;font-size:10px;">sponsored</span><br><b>'+data['title'].replace(/s?|.*$/i, '')+'</b><br />'+data['descr']+'<br /><span style="color:#58AA90;font-size:14px;">'+data['sitehost']+'</span></div><div class="col-md-3"><br><div class="btn btn-large green white-text black-text waves-effect waves-dark"><h2 style="padding:0 40px;font-size:40px;color:#FFF;"><em class="fa fa-download"></em></h2></div></div></div>'; }; $(selTag).append(addAd); }, paddingAd:function(addAdList, callback){ if (addAdList.length<1) return false; adItem=addAdList.shift(); adYpaBsOp.loadAd(adItem.kw,adItem.selTag,adItem.adSty,adItem.adMax,{},function(){ if (typeof callback =='function') callback(); adYpaBsOp.paddingAd(addAdList, callback); }); }, init:function(){ unitKw=['uv乾燥機', '衛星監控', '老人鞋','保險比較','家教數學','琉璃項鍊','租衣網','照護險','眼睛乾澀','開幕花籃','水刀切割','罐頭塔']; // example_1 // 廣告區塊設定至陣列依序執行, 一個廣告區塊執行結束才會繼續下一個廣告區塊 var addAdList=[{kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(0)',adSty:1,adMax:1}, {kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(1)',adSty:1,adMax:1}, {kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(2)',adSty:2,adMax:1}]; // adYpaBsOp.paddingAd(addAdList); // 沒有使用閒置廣告 adYpaBsOp.paddingAd(addAdList,function(){ if ($('div',$(adItem.selTag)).length < 1) { myAd = '<div class="mx-auto my-3" onclick="window.open(\'https://ez3c.tw/10893\');" style="cursor: pointer;" ><span class="text-muted" style="font-size:10px;">https://ez3c.tw/10893</span><span class="badge bg-pale-ash text-muted rounded py-1 ms-2">Hot</span><p class="mt-5">梭梭聊天 Telegram 配對機器人，匿名聊天圖片影片都能傳，新一代交友神器</p><div class="text-center"><button class="btn btn-soft-yellow rounded me-5">熱門資訊</button> <button class="btn btn-yellow rounded">閱讀更多</button></div></div>'; $(adItem.selTag).html(myAd); }; }); // example_2 // 同時多個廣告區塊各自取得YPA廣告 (同時開啟太多YPA的request會被鎖ip, 會造成廣告不會出來) // adYpaBsOp.loadAd(adYpaBsOp.shuffle($.extend([],unitKw)),'.dev-ysm-tag:eq(0)',1, 2); // adYpaBsOp.loadAd(adYpaBsOp.shuffle($.extend([],unitKw)),'.dev-ysm-tag:eq(1)',2, 3); } };window.adYpaBsOp = adYpaBsOp;adYpaBsOp.init(); })(); </script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="4e001204379d19f138d8ca20-|49" defer></script>